<template>
  <div class="appBox">
    <SearchDetails/>
    <div class="null" v-show="errorIsShow">
      <img src="~@/assets/pageNull.png" alt="">
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "PageError",
});
</script>

<script lang="ts" setup>
import SearchDetails from '@/view/search/SearchDetails/index.vue'
import useSearchStore from '@/stores/modules/search'
import { storeToRefs } from 'pinia'

const searchStore = useSearchStore()

const {errorIsShow} = storeToRefs(searchStore)
</script>

<style lang="less" scoped>
.appBox {
  .null {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
</style>
